body{ background-color: #fafafa;}
.clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.center-main{width: 1200px;}
.main{
	width: 920px;
	float: right;
	margin: 20px auto;
	padding-bottom: 20px;
	background: #fff;
	box-shadow: 0px 0px 7px 0px rgba(25, 102, 255, 0.15);
	border-radius: 4px;
}
@media screen and (max-width:1200px){
    .center-main{ width: 920px;}
	.main{ width: 766px;}
}
.tit{
	padding: 0 20px;
	width: 100%;
	height: 90px;
	line-height: 90px;
	box-shadow: 0px 2px 0px 0px #DADEE8;
	border-radius: 4px;
	box-sizing: border-box;
}
.tit-l{
	width: 70%;
	float: left;
	font-size: 20px;
	font-weight: 400;
	color: #333;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.tit-r{
	float: right;
	font-size: 20px;
	color: #333;
	cursor: pointer;
}
.tit-r img{ position: relative; top: -3px;}

.nav{
	width: 100%;
	height: 95px;
	border-bottom: 1px solid #dadee8
}
.nav li{ float: left; margin-left: 40px; width: 64px; height: 93px; line-height: 60px; text-align: center; }
.nav li a{display: block; width: 100%; height: 100%; color: #808080; font-size: 16px;}
.nav li span{ margin-top: -24px; display: block;}
.nav li img{ vertical-align: middle;}
.nav li.on a{font-weight: bold; color: #1966ff;  border-bottom: 2px solid #1966FF}
.nav li.on img{}

